<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/message.css">
</head>
<body>
<div>
	<button class="btn-success">成功提示</button>
	<button class="btn-danger">失败提示</button>
	<button class="btn-warning">警告提示</button>
	<button class="btn-info">信息提醒</button>
</div>

<div>
<p>调用方式</p>
<pre>
$('.btn-success').on('click',function(){
    $.message('成功');
})
$('.btn-danger').on('click',function(){
    $.message({
        message:'失败提示',
        type:'error'
    });
})
$('.btn-warning').on('click',function(){
    $.message({
        message:'警告提示',
        type:'warning'
    });
})
$('.btn-info').on('click',function(){
    $.message({
        message:'信息提醒',
        type:'info'
    });
})
</pre>

<p>参数详解</p>
<pre>
message:' 操作成功',	//提示信息
time:'2000',		//显示时间（默认：2s）
type:'success',		//显示类型，包括4种：success.error,info,warning
showClose:false,	//显示关闭按钮（默认：否）
autoClose:true,		//是否自动关闭（默认：是）
</pre>
</div>

<script type="text/javascript" src="https://www.jq22.com/jquery/jquery-2.1.1.js"></script>
<script type="text/javascript" src="js/message.min.js"></script>
<script type="text/javascript">
	$(function() {
		$('.btn-success').on('click', function() {
			$.message('成功');
		})
		$('.btn-danger').on('click', function() {
			$.message({
				message : '失败提示',
				type : 'error'
			});
		})
		$('.btn-warning').on('click', function() {
			$.message({
				message : '警告提示',
				type : 'warning'
			});
		})
		$('.btn-info').on('click', function() {
			$.message({
				message : '信息提醒',
				type : 'info'
			});
		})
	})
</script>
</body>
</html>